570. Araxis Merge File Comparison Report

Produced by Araxis Merge on 2021-05-13 09:09:38 +0000. See www.araxis.com for information about Merge. This report uses XHTML and CSS2, and is best viewed with a modern standards-compliant browser. For optimum results when printing this report, use landscape orientation and enable printing of background images and colours in your browser.

570.1 Files compared

#LocationFileLast Modified
1/Applications/Ampps/www/Porto 3.2.2/Theme Files/Magento 2.x/Porto Theme/pub/media/porto/web/css/headertype26.rtl.css2019-12-13 07:32:58 +0000
2/Applications/Ampps/www/Porto v4.0.0/Theme Files/Magento 2.x/Porto Theme/pub/media/porto/web/css/headertype26.rtl.css2019-12-13 07:32:58 +0000

570.2 Comparison summary

DescriptionBetween
Files 1 and 2
Text BlocksLines
Unchanged1656
Changed00
Inserted00
Removed00

570.3 Comparison options

WhitespaceConsecutive whitespace is treated as a single space
Character caseDifferences in character case are significant
Line endingsDifferences in line endings (CR and LF characters) are ignored
CR/LF charactersNot shown in the comparison detail
Active line-pairing rules

570.4 Active regular expressions

No regular expressions were active.

570.5 Comparison detail

1 .page-header.type26 { 1 .page-header.type26 {
2     border: 0; 2     border: 0;
3 } 3 }
4 .page-header.type26 .header.panel { 4 .page-header.type26 .header.panel {
5     padding-top: 0; 5     padding-top: 0;
6     padding-bottom: 0; 6     padding-bottom: 0;
7     display: flex; 7     display: flex;
8     min-height: 50px; 8     min-height: 50px;
9     align-items: center; 9     align-items: center;
10 } 10 }
11 .page-header.type26 .header.panel .header-top-left { 11 .page-header.type26 .header.panel .header-top-left {
12     flex: auto; 12     flex: auto;
13 } 13 }
14 .page-header.type26 .switcher strong { 14 .page-header.type26 .switcher strong {
15     font-size: 12px; 15     font-size: 12px;
16     font-weight: 600; 16     font-weight: 600;
17     text-transform: uppercase; 17     text-transform: uppercase;
18     vertical-align: middle; 18     vertical-align: middle;
19     letter-spacing: 0.07px; 19     letter-spacing: 0.07px;
20 } 20 }
21 .page-header.type26 .separator { 21 .page-header.type26 .separator {
22     border-right: 1px solid rgba(255,255,255,.09); 22     border-right: 1px solid rgba(255,255,255,.09);
23     height: 14px; 23     height: 14px;
24     display: inline-block; 24     display: inline-block;
25     vertical-align: middle; 25     vertical-align: middle;
26     margin: 0 12px; 26     margin: 0 12px;
27 } 27 }
28 .page-header.type26 .switcher .switcher-dropdown { 28 .page-header.type26 .switcher .switcher-dropdown {
29     background-color: #222529 !important; 29     background-color: #222529 !important;
30 } 30 }
31 .page-header.type26 .switcher .options ul.dropdown:before { 31 .page-header.type26 .switcher .options ul.dropdown:before {
32     border-bottom-color: #222529; 32     border-bottom-color: #222529;
33     right: 13px; 33     right: 13px;
34 } 34 }
35 .page-header.type26 .switcher .options ul.dropdown:after { 35 .page-header.type26 .switcher .options ul.dropdown:after {
36     border-bottom-color: #17191c; 36     border-bottom-color: #17191c;
37     right: 12px; 37     right: 12px;
38 } 38 }
39 .page-header.type26 .switcher .options ul.dropdown a { 39 .page-header.type26 .switcher .options ul.dropdown a {
40     color: #fff; 40     color: #fff;
41     text-transform: uppercase; 41     text-transform: uppercase;
42 } 42 }
43 .page-header.type26 .switcher .options ul.dropdown li:hover { 43 .page-header.type26 .switcher .options ul.dropdown li:hover {
44     background-color: #17191c; 44     background-color: #17191c;
45 } 45 }
46 .page-header.type26 .switcher .options.active ul.dropdown { 46 .page-header.type26 .switcher .options.active ul.dropdown {
47     margin-top: 15px; 47     margin-top: 15px;
48 } 48 }
49 .page-header.type26 .logo { 49 .page-header.type26 .logo {
50     margin: 0; 50     margin: 0;
51     max-width: none; 51     max-width: none;
52 } 52 }
53 .page-header.type26 .top-links-area { 53 .page-header.type26 .top-links-area {
54     display: inline-block; 54     display: inline-block;
55     vertical-align: middle; 55     vertical-align: middle;
56     position: relative; 56     position: relative;
57 } 57 }
58 .page-header.type26 .top-links-area > .links { 58 .page-header.type26 .top-links-area > .links {
59     display: none; 59     display: none;
60     position: absolute; 60     position: absolute;
61     left: -30px; 61     left: -30px;
62     z-index: 9; 62     z-index: 9;
63     background-color: #222529!important; 63     background-color: #222529!important;
64     border-radius: 3px; 64     border-radius: 3px;
65     margin: 0; 65     margin: 0;
66     padding: 5px 0; 66     padding: 5px 0;
67     text-align: left; 67     text-align: left;
68     border: 1px solid #202020; 68     border: 1px solid #202020;
69     min-width: 150px; 69     min-width: 150px;
70     top: 100%; 70     top: 100%;
71     margin-top: 15px; 71     margin-top: 15px;
72 } 72 }
73 .page-header.type26 .top-links-area .links > li { 73 .page-header.type26 .top-links-area .links > li {
74     display: block; 74     display: block;
75     margin: 0; 75     margin: 0;
76     text-align: right; 76     text-align: right;
77     text-transform: uppercase; 77     text-transform: uppercase;
78     line-height: 19px; 78     line-height: 19px;
79  79 
80 } 80 }
81 .page-header.type26 .top-links-area .links > li > a, 81 .page-header.type26 .top-links-area .links > li > a,
82 .page-header.type26 .top-links-area .links > li > span { 82 .page-header.type26 .top-links-area .links > li > span {
83     color: #fff !important; 83     color: #fff !important;
84     white-space: nowrap; 84     white-space: nowrap;
85     padding: 0 10px; 85     padding: 0 10px;
86     display: block; 86     display: block;
87     transition: all .2s; 87     transition: all .2s;
88     font-weight: 400; 88     font-weight: 400;
89     font-size: 11px; 89     font-size: 11px;
90 } 90 }
91 .page-header.type26 a.my-wishlist { 91 .page-header.type26 a.my-wishlist {
92     font-size: 27px; 92     font-size: 27px;
93     display: inline-block; 93     display: inline-block;
94     vertical-align: middle; 94     vertical-align: middle;
95 } 95 }
96 .page-header.type26 .search-area, .page-header.type26 .top-links-area, .page-header.type26 a.my-wishlist { 96 .page-header.type26 .search-area, .page-header.type26 .top-links-area, .page-header.type26 a.my-wishlist {
97     margin: 0 7px; 97     margin: 0 7px;
98 } 98 }
99 .page-header.type26 .minicart-wrapper { 99 .page-header.type26 .minicart-wrapper {
100     margin-top: 10px; 100     margin-top: 10px;
101     margin-right: 10px; 101     margin-right: 10px;
102     margin-left: 10px; 102     margin-left: 10px;
103     width: auto; 103     width: auto;
104     vertical-align: middle; 104     vertical-align: middle;
105     float: none; 105     float: none;
106 } 106 }
107 .page-header.type26 .minicart-wrapper .action.showcart { 107 .page-header.type26 .minicart-wrapper .action.showcart {
108     width: 25px; 108     width: 25px;
109     height: 20px; 109     height: 20px;
110     border: 2px solid #fff; 110     border: 2px solid #fff;
111     border-radius: 0 0 5px 5px; 111     border-radius: 0 0 5px 5px;
112     position: relative; 112     position: relative;
113     opacity: .9; 113     opacity: .9;
114     padding-left: 0; 114     padding-left: 0;
115 } 115 }
116 .page-header.type26 .minicart-wrapper .action.showcart:before { 116 .page-header.type26 .minicart-wrapper .action.showcart:before {
117     content: '' !important; 117     content: '' !important;
118     position: absolute; 118     position: absolute;
119     border: 2px solid; 119     border: 2px solid;
120     border-color: inherit; 120     border-color: inherit;
121     border-bottom: none; 121     border-bottom: none;
122     border-radius: 10px 10px 0 0; 122     border-radius: 10px 10px 0 0;
123     right: 50%; 123     right: 50%;
124     top: -8px; 124     top: -8px;
125     margin-right: -7.5px; 125     margin-right: -7.5px;
126     width: 15px; 126     width: 15px;
127     height: 11px; 127     height: 11px;
128 } 128 }
129 .page-header.type26 .minicart-wrapper .action.showcart .counter.qty { 129 .page-header.type26 .minicart-wrapper .action.showcart .counter.qty {
130     width: 16px; 130     width: 16px;
131     height: 16px; 131     height: 16px;
132     display: block; 132     display: block;
133     font-size: 10px; 133     font-size: 10px;
134     color: #fff; 134     color: #fff;
135     background-color: #ff5b5b; 135     background-color: #ff5b5b;
136     text-align: center; 136     text-align: center;
137     line-height: 16px; 137     line-height: 16px;
138     border-radius: 20px; 138     border-radius: 20px;
139     min-width: auto; 139     min-width: auto;
140     right: auto; 140     right: auto;
141     left: -13px; 141     left: -13px;
142     margin-top: -20px; 142     margin-top: -20px;
143     font-weight: 400; 143     font-weight: 400;
144 } 144 }
145 .page-header.type26.sticky-header .minicart-wrapper .action.showcart .counter.qty { 145 .page-header.type26.sticky-header .minicart-wrapper .action.showcart .counter.qty {
146     left: -16px; 146     left: -16px;
147 } 147 }
148 .page-header.type26 .minicart-wrapper .action.showcart:after { 148 .page-header.type26 .minicart-wrapper .action.showcart:after {
149     display: none; 149     display: none;
150 } 150 }
151 .page-header.type26 .search-category { 151 .page-header.type26 .search-category {
152     display: none; 152     display: none;
153 } 153 }
154 .page-header.type26 .minicart-wrapper .block-minicart:before { 154 .page-header.type26 .minicart-wrapper .block-minicart:before {
155     left: 20px; 155     left: 20px;
156 } 156 }
157 .page-header.type26 .minicart-wrapper .block-minicart:after { 157 .page-header.type26 .minicart-wrapper .block-minicart:after {
158     left: 19px; 158     left: 19px;
159 } 159 }
160 .page-header.type26 .search-area { 160 .page-header.type26 .search-area {
161     display: inline-block; 161     display: inline-block;
162     vertical-align: middle; 162     vertical-align: middle;
163     position: relative; 163     position: relative;
164 } 164 }
165 .page-header.type26 .search-area > a { 165 .page-header.type26 .search-area > a {
166     font-size: 21px; 166     font-size: 21px;
167 } 167 }
168 .page-header.type26 .top-links-icon { 168 .page-header.type26 .top-links-icon {
169     font-size: 27px; 169     font-size: 27px;
170 } 170 }
171 .page-header.type26 .search-area > a > i:before { 171 .page-header.type26 .search-area > a > i:before {
172     font-weight: 900; 172     font-weight: 900;
173 } 173 }
174 .page-header.type26 .search-area .search-toggle-icon span { 174 .page-header.type26 .search-area .search-toggle-icon span {
175     display: none; 175     display: none;
176 } 176 }
177 .page-header.type26 .block-search { 177 .page-header.type26 .block-search {
178     display: none; 178     display: none;
179     position: absolute; 179     position: absolute;
180     top: 100%; 180     top: 100%;
181     left: -30px; 181     left: -30px;
182     right: auto; 182     right: auto;
183     width: 300px; 183     width: 300px;
184     margin: 0; 184     margin: 0;
185     margin-top: 15px; 185     margin-top: 15px;
186     border: 5px solid #ccc; 186     border: 5px solid #ccc;
187     border-radius: 50px; 187     border-radius: 50px;
188     overflow: hidden; 188     overflow: hidden;
189 } 189 }
190 .page-header.type26 .block-search input { 190 .page-header.type26 .block-search input {
191     min-width: 300px; 191     min-width: 300px;
192     border: 0; 192     border: 0;
193 } 193 }
194 .page-header.type26 .block-search .action.search { 194 .page-header.type26 .block-search .action.search {
195     width: 40px; 195     width: 40px;
196     text-align: center; 196     text-align: center;
197     color: #000; 197     color: #000;
198 } 198 }
199 .page-header.type26 .header.content { 199 .page-header.type26 .header.content {
200     display: flex; 200     display: flex;
201     align-items: center; 201     align-items: center;
202 } 202 }
203 .page-header.type26 .fa-search:before, .page-header.type26 .block-search .action.search:before, .page-header.type26 .block-search .label:before { 203 .page-header.type26 .fa-search:before, .page-header.type26 .block-search .action.search:before, .page-header.type26 .block-search .label:before {
204     content: '\e884'; 204     content: '\e884';
205     font-family: porto-icons; 205     font-family: porto-icons;
206     font-weight: 600; 206     font-weight: 600;
207 } 207 }
208 .page-header.type26 .block-search .action.search:before { 208 .page-header.type26 .block-search .action.search:before {
209     color: #222529; 209     color: #222529;
210 } 210 }
211 .page-header.type26 .header-main-center { 211 .page-header.type26 .header-main-center {
212     margin: 0 auto; 212     margin: 0 auto;
213 } 213 }
214 .page-header.type26 .panel.header .header.links { 214 .page-header.type26 .panel.header .header.links {
215     display: none; 215     display: none;
216 } 216 }
217 @media (min-width: 768px) { 217 @media (min-width: 768px) {
218     .page-header.type26 .switcher { 218     .page-header.type26 .switcher {
219         margin-right: 22px; 219         margin-right: 22px;
220     } 220     }
221     .page-header.type26 .navigation .level0 > .level-top { 221     .page-header.type26 .navigation .level0 > .level-top {
222         font-size: 16px; 222         font-size: 16px;
223         font-weight: 700; 223         font-weight: 700;
224         line-height: 25px; 224         line-height: 25px;
225         letter-spacing: 0px; 225         letter-spacing: 0px;
226         color: #ffffff; 226         color: #ffffff;
227         padding: 27px 27px 30px; 227         padding: 27px 27px 30px;
228     } 228     }
229     .page-header.type26 .navigation .level0:hover > .level-top { 229     .page-header.type26 .navigation .level0:hover > .level-top {
230         background-color: #0078f2; 230         background-color: #0078f2;
231     } 231     }
232     .page-header.type26 .navigation:not(.side-megamenu) li.level0.parent:hover a.level-top:before { 232     .page-header.type26 .navigation:not(.side-megamenu) li.level0.parent:hover a.level-top:before {
233         display: none; 233         display: none;
234     } 234     }
235     .page-header.type26 .navigation .level0.parent > a:after { 235     .page-header.type26 .navigation .level0.parent > a:after {
236         line-height: 1; 236         line-height: 1;
237         vertical-align: middle; 237         vertical-align: middle;
238         margin-top: -2px; 238         margin-top: -2px;
239     } 239     }
240     .page-header.type26 .navigation .level0 .submenu { 240     .page-header.type26 .navigation .level0 .submenu {
241         border-top-width: 5px; 241         border-top-width: 5px;
242     } 242     }
243     .page-header.type26 .sw-megamenu.navigation li.level0 > a > .menu-thumb-icon { 243     .page-header.type26 .sw-megamenu.navigation li.level0 > a > .menu-thumb-icon {
244         display: inline-block; 244         display: inline-block;
245         font-size: 1.5em; 245         font-size: 1.5em;
246         margin-left: .5rem; 246         margin-left: .5rem;
247         line-height: 33px; 247         line-height: 33px;
248         vertical-align: middle; 248         vertical-align: middle;
249         position: relative; 249         position: relative;
250         top: -1px; 250         top: -1px;
251     } 251     }
252     .page-header.type26 .sw-megamenu.navigation li.level0 > a > .menu-thumb-icon.font-size-lg { 252     .page-header.type26 .sw-megamenu.navigation li.level0 > a > .menu-thumb-icon.font-size-lg {
253         font-size: 2em; 253         font-size: 2em;
254     } 254     }
255     .page-header.type26.sticky-header .nav-sections { 255     .page-header.type26.sticky-header .nav-sections {
256         position: static !important; 256         position: static !important;
257         background-color: transparent; 257         background-color: transparent;
258         padding: 0; 258         padding: 0;
259     } 259     }
260     .page-header.type26.sticky-header { 260     .page-header.type26.sticky-header {
261         position: fixed; 261         position: fixed;
262         left: 0; 262         left: 0;
263         top: 0; 263         top: 0;
264         right: 0; 264         right: 0;
265         height: auto !important; 265         height: auto !important;
266     } 266     }
267     .page-header.type26.sticky-header .navigation { 267     .page-header.type26.sticky-header .navigation {
268         padding: 0 10px; 268         padding: 0 10px;
269     } 269     }
270     .page-header.type26.sticky-header .navigation li.level0 > .level-top { 270     .page-header.type26.sticky-header .navigation li.level0 > .level-top {
271         padding: 20px 27px; 271         padding: 20px 27px;
272         line-height: 25px; 272         line-height: 25px;
273     } 273     }
274     .page-header.type26.sticky-header .panel.wrapper { 274     .page-header.type26.sticky-header .panel.wrapper {
275         display: none; 275         display: none;
276     } 276     }
277     .page-header.type26.sticky-header .minicart-wrapper { 277     .page-header.type26.sticky-header .minicart-wrapper {
278         position: relative; 278         position: relative;
279         margin: 10px 10px 0 10px; 279         margin: 10px 10px 0 10px;
280         top: 0; 280         top: 0;
281         right: 0; 281         right: 0;
282         left: 0; 282         left: 0;
283     } 283     }
284 } 284 }
285 @media (min-width: 992px) { 285 @media (min-width: 992px) {
286     .page-header.type26 .logo { 286     .page-header.type26 .logo {
287         margin-left: 60px; 287         margin-left: 60px;
288     } 288     }
289 }@media (max-width: 1199px) and (min-width: 768px) { 289 }@media (max-width: 1199px) and (min-width: 768px) {
290     .page-header.type26 .navigation .level0 > .level-top { 290     .page-header.type26 .navigation .level0 > .level-top {
291         font-size: 14px; 291         font-size: 14px;
292         padding: 25px 15px; 292         padding: 25px 15px;
293     } 293     }
294 } 294 }
295 @media (max-width: 1199px) { 295 @media (max-width: 1199px) {
296     .page-header.type26 .search-area, .page-header.type26 .top-links-area, .page-header.type26 a.my-wishlist { 296     .page-header.type26 .search-area, .page-header.type26 .top-links-area, .page-header.type26 a.my-wishlist {
297         margin: 0 4px; 297         margin: 0 4px;
298     } 298     }
299 } 299 }
300 @media (max-width: 767px) { 300 @media (max-width: 767px) {
301     .page-header.type26 { 301     .page-header.type26 {
302         height: auto !important; 302         height: auto !important;
303     } 303     }
304     .page-header.type26 .panel.wrapper { 304     .page-header.type26 .panel.wrapper {
305         display: none; 305         display: none;
306     } 306     }
307     .page-header.type26 .logo { 307     .page-header.type26 .logo {
308         padding: 17px 0; 308         padding: 17px 0;
309     } 309     }
310     .page-header.type26 .top-links-area { 310     .page-header.type26 .top-links-area {
311         display: none; 311         display: none;
312     } 312     }
313     .page-header.type26 .nav-toggle { 313     .page-header.type26 .nav-toggle {
314         display: inline-block; 314         display: inline-block;
315         vertical-align: middle; 315         vertical-align: middle;
316         float: none; 316         float: none;
317     } 317     }
318     .page-header.type26 .block-search { 318     .page-header.type26 .block-search {
319         background-color: #fff; 319         background-color: #fff;
320     } 320     }
321     .page-header.type26 .block-search input { 321     .page-header.type26 .block-search input {
322         position: static; 322         position: static;
323         margin: 0; 323         margin: 0;
324     } 324     }
325     .page-header.type26 .block-search .label { 325     .page-header.type26 .block-search .label {
326         display: none; 326         display: none;
327     } 327     }
328 } 328 }